// 1. 导入`react-dom/client`
// import React from 'react';
import ReactDOM from 'react-dom/client';

// 导入css
import './index.css';

// 2 创建渲染的根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

const tiaojian = 'bluexxx';

// 样式处理
// 1 行内样式
const h1 = (
  <h1 style={{ color: 'red', backgroundColor: 'pink', width: '300px' }}>
    Hello React
  </h1>
);

// 2 类名
const h2 = (
  <h2 className={tiaojian === 'blue' ? 'title2' : 'title'}>Hello React</h2>
);

// 渲染UI
root.render(h2);
